<html>
    <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
    <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    <%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
    <head>
        <title>Red Social</title>
        <link href="./css/estilos.css" rel="stylesheet" type="text/css"/>
        <script type="text/javascript" src="js/perfil.js"></script>
    </head>
    <body>
        <f:view>
            <div id="contenido">
                <jsp:include page="cabecera.jsp"/>
                <jsp:include page="izquierda.jsp"/>
                <div id="columnaCentral">
                    <div id="centro">
                        <div id="datosUsuario">
                            <div id="fotoPrincipal">
                                <c:if test="${obtenerPerfilBean.usuario.multimedia==null}">
                                    <img alt="Sin foto" src="images/perfildesconocido.jpg"/>
                                </c:if>
                                <c:if test="${obtenerPerfilBean.usuario.multimedia!=null}">
                                    <img alt="Foto" src="${obtenerPerfilBean.usuario.multimedia}" width="100px" height="150px"/>
                                </c:if>
                            </div>
                            <c:out value="${obtenerPerfilBean.usuario.nombre} ${obtenerPerfilBean.usuario.apellidos}"/>
                            <c:if test="${!obtenerPerfilBean.amigos && !obtenerPerfilBean.soyYo}">
                                <c:if test="${obtenerPerfilBean.amistadSolicitada}">
                                    <fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="perfil.respuesta"/></fmt:bundle>
                                </c:if>
                                <c:if test="${!obtenerPerfilBean.amistadSolicitada && !obtenerPerfilBean.soySolicitado}">
                                    <input type="button" onclick="javascript:mostrarDivSolicitarAmistad()" class="solicitarAmistad"/>
                                </c:if>
                                <br/>
                                <p><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="perfil.grado"/></fmt:bundle></p>
                                ${obtenerPerfilBean.grados}
                            </c:if>
                            <c:if test="${obtenerPerfilBean.amigos && !obtenerPerfilBean.soyYo}">
                                <input type="button" onclick="javascript:mostrarDivBorrarAmigo()" class="borrarAmigo"/>
                            </c:if>
                            <c:if test="${obtenerPerfilBean.soySolicitado}">

                                <h:form>
                                    <fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="perfil.amistadSolicitada"/></fmt:bundle>

                                    <h:commandButton styleClass="confirmarAmistad" action="#{solicitarAmistadBean.aceptarAmistad}"/>
                                    <h:commandButton styleClass="ignorarAmistad" action="#{solicitarAmistadBean.ignorarAmistad}"/>
                                </h:form>
                            </c:if>
                            <div id="informacion" style="text-align: right">
                                <c:if test="${obtenerPerfilBean.soyYo}">
                                    <h:form>
                                        <h:commandButton action="modificar" styleClass="botonInformacion" />
                                    </h:form>
                                </c:if>
                                <c:if test="${obtenerPerfilBean.amigos}">
                                    <h:form>
                                        <h:commandButton action="informacion" styleClass="botonInformacion" />
                                    </h:form>
                                </c:if>
                            </div>
                        </div>
                        <div id="solicitarAmistad">
                            <p><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="perfil.solicitar"/></fmt:bundle></p>
                            <h:form>
                                <h:commandButton styleClass="botonEnviar" action="#{solicitarAmistadBean.solicitar}"/>
                                <input type="button" onclick="javascript:ocultarDivSolicitarAmistad()" class="cancelar"/>
                            </h:form>
                        </div>
                        <div id="borrarAmigo">
                            <p><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="perfil.borrar"/></fmt:bundle></p>
                            <h:form>
                                <h:commandButton styleClass="botonEnviar" action="#{solicitarAmistadBean.borrar}"/>
                                <input type="button" onclick="javascript:ocultarDivBorrarAmigo()" class="cancelar"/>
                            </h:form>
                        </div>
                        <c:if test="${obtenerPerfilBean.amigos || obtenerPerfilBean.soyYo}">
                            <jsp:include page="publicar.jsp"/>
                            <jsp:include page="muro.jsp"/>
                        </c:if>
                        <c:if test="${!obtenerPerfilBean.amigos && !obtenerPerfilBean.soyYo}">
                            <fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="perfil.amigo"/></fmt:bundle>
                        </c:if>
                    </div>
                </div>
                <jsp:include page="derecha.jsp"/>
            </div>
            <jsp:include page="pie.jsp"/>
        </f:view>
    </body>
</html>

